<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*css åˆå§‹åŒ– */
@charset "utf-8";
/* CSS Document */

div {
    /*margin: 0 auto*/
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

* {
    font-family: Microsoft YaHei, iconfont !important;
}

body {width: 100%;
    font: 12px Microsoft YaHei, SimHei, SimSun, Verdana, Arial, Helvetica, sans-serif;overflow-x: hidden;
}

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

.aboutbanner{width: 100%;float: left; margin-top: 80px;}
.aboutbanner img{width: 100%;}
.about-title{width: 100%;height: 60px;background-color: #dbdbdb;float: left;margin-top:40px;}
.about-title p{font-size:22px;color: #333;float: left;margin-left: 15px;line-height: 60px;}


.product_title1{float:left;width: 100%;text-align: center;font-size: 20px;color: #1c2a44;margin-top: 25px;line-height: 30px;}






/*.container {
    width: 1200px;
    margin: 0 auto;
}*/
.cwidth {
    width: 1122px;
    margin: 0 auto;
}
/*header*/
.title {
    background: url(../images/2.jpg) no-repeat center center;
    height: 36px;
    line-height: 36px;
}
.title_l {
    margin-left: 23px;
    color: #fff;
}
.title_r {
    margin-right: 28px;
    width: 285px;
    text-align: right;
}
.title_r ul li {
    margin-left: 28px;
    background: url(../images/19.jpg) no-repeat left center;
    padding-left: 10px;
    color: #fff;
    float: left;
}
.title_r ul li a {
    color: #fff;
}
.logo {
    margin: 28px 0 10px 25px;
    width:363px;
}
.son_{width:1200px;height:100%;margin:0 auto;}
.ti0{width:100%;position:relative;left:-1px;top:0px;height:36px;background:url(../img/a4.png) left top repeat-x;border-radius:0px;overflow:hidden;}
.ti0 .t{position:relative;width:100%;height:80px;line-height:80px;background:url(../img/left-bt-bg.png) left center repeat-x;color:#ffffff;font-size:25px;font-family:"å¾®è½¯é›…é»‘";padding:0px 3px 0px 25px;font-weight:bold;}
.ti0 .t .fa{font-size:24px;position:absolute;right:20px;top:30px;}
#web-top{width:100%;min-width:1200px;height:35px; color:rgba(255,255,255,1);padding-top:11px;letter-spacing: 0px; display:none;}
#web-top a{color:rgba(255,255,255,1);}
#web-top #language-option a{color:#444;padding: 5px 8px 5px 8px; display:block;}
#topper{width:100%;min-width:1200px;height:100px; border-bottom:0px solid #DDDDDD;}
#topper .son_{position:relative;}
#topper .son_ #tool{position:absolute;right:100px;top:30px;width:277px;height:33px;padding:4px 0px 4px 40px;}
#topper .son_ .left{float:left;}
#logo{margin-top:24px;}

#nav_menu{ background:#002B60;
}
#nav{
    height:60px;width:1200px;margin:0 auto;min-width:1200px;
    
}
#nav li.current a {color:#a11f21;}

/*#banner{min-width:1200px;height:230px;}*/
#banner-home{}
#banner-page{ display:none;}

/*----footer----*/
#footer{width:100%; padding-bottom:14px; color:#777; border-top:1px solid rgba(0,0,0,0.1);background:#F2F4F6;}
#footer-menu li{list-style:none; display:block;}
#footer-menu li a{ font-size:14px; line-height:26px;}
#footer-menu li font{color:#777; font-size: 16px;}
#footer-menu li a i{margin-right:5px; margin-left:1px;}
#footer-menu li div a{color:#777;font-size:13px; }
#footer-menu li div a:hover{color:#777;}


#index_3{margin-bottom:30px; padding-bottom:80px;}
#index_3 li{display:inline-block;vertical-align:middle;margin-right:0px;width:48%;height:310px; padding:0px;border-radius:0px; }
#index_3 li:first-child{margin-left:0px;}
#index_3 li h4{font-size:18px;font-family:font_Helvetica_Condensed;margin-bottom:16px;height:56px;line-height:24px; text-align:center; display:block; margin:0 auto; margin-bottom:15px;}
#index_3 li h4 span{position:relative;top:-4px;}
#index_3 li .c&gt;img{margin:0 auto;margin-bottom:12px;width:285px;height:127px;}
#index_3 li .c{line-height:22px;font-size:12px; padding-left:22px; padding-right:22px; color:#999;}
#index_3 li a{display:block; padding-top:20px; margin-right:30px;}
#index_3 li a:hover{}
#index_3 li .fa{color:#989898;}
.index_3_more{color: #a2ca1d;
    border: solid 1px #a2ca1d;
   
    border-radius: 0px;
    font-size: 15px;
    width: 136px;
    height: 35px;
   
    cursor: pointer;
    opacity: 1;
    text-transform: uppercase;
    transition: all .3s; display:none; text-align:center; line-height:35px; margin-left:15px; margin-top:20px;}
.index_3_content{display:block; font-size:18px; padding-left:15px; padding-right:15px; color:#fff;line-height: 25px; padding-top:0px;}
.index_3_bt{display: block;height: 40px;text-transform: uppercase;line-height: 40px;border-bottom: 0px solid #2c91d5;margin-bottom: 10px;padding-left:15px; padding-right:15px; font-size: 30px;color: #fff;}

/*----æ&nbsp;·å¼----*/
#case ul{ overflow:hidden; zoom:1; margin-bottom:0px;padding-top:0px;}
#case ul li{float:left; margin-bottom:45px; margin-left:27px;background:#f2f4f6; width:285px;}
#case ul li .pi{display:block;overflow:hidden;}
#case ul li .picture1{width:100%;height:210px;background:#fff;text-align:center;vertical-align:middle;display:table-cell; color:#bbb;border:0px solid #ddd;transition: all 0.5s;}
#case ul li .picture1:hover{border:0px solid #2c91d5;transform: scale(1.08);}
#case ul li .title1{display:block; width:100%;padding:30px; border-bottom:0px solid #27B45F;height: 230px;}
#case ul li .title1&gt;h2{font:22px/25px 'Microsoft YaHei'; color:#1A385C;width: 280px;}
#case ul li .title1&gt;dd{ color:#1A385C; display:block; padding:20px 0px 0px 0px; font-size:14px;}
#case ul li .title1&gt;span{ display: block;
    width: 120px;
    line-height: 33px;
    color: #727F8F;
    background: none;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border: 1px solid #727F8F;transition: 0.5s;}
#case ul li .title1&gt;span:hover{color:#a11f21;border:1px solid #a11f21; background:none;}
#picscroll{margin-bottom:30px;}
#picscroll h4{border-bottom:#D7D7D7 solid 1px;color:#5D5D5C;font-size:15px;font-weight:700;font-family:å¾®è½¯é›…é»‘;padding-bottom:8px;padding-left:10px;position:relative;}
#picscroll h4 span{border-left:#2CA81B solid 5px;padding-left:12px;position:relative;top:-4px;line-height:24px;font-size:12px;}
#picscroll h4 .more{color:#ffffff;width:50px;height:18px;line-height:18px;background:#2CA81B;text-align:center;font-weight:100;border-radius:3px;top:7px;}
#picscroll h4 .more font{position:relative;top:-2px;}
#picscroll h4 ul{position:absolute;right:100px;top:3px;}
#picscroll h4 ul li{display:inline-block;vertical-align:middle;margin-left:2px;}
#picscroll h4 ul li:first-child{margin-left:0px;}
#picscroll h4 ul li a{font-weight:100;font-size:13px;color:#5f5f5f;padding:5px 10px 5px 10px;border-radius:12px;}
#picscroll h4 ul li a:hover,#picscroll h4 ul li.current a{background:#0194D9;color:#ffffff;}

.m-left h2{border-top:0px #2c91d5 solid;border-bottom:1px #ccc solid; background:#fff;color:#173C86; padding-left:20px; font-size:19px;height:45px; line-height:45px;display:none;text-transform: uppercase;letter-spacing: 0px;}
.m-left{float:left;width:230px;margin-right:20px;margin-bottom:50px;margin-top:20px;}
.m-left .con0{border:0px solid #dedede;}
.m-left .con0 li{margin-bottom:0px;margin-top:0px;}
.m-left .con0 li:first-child{border-top:none;}
.m-left .con0 li a{
    display:block;
    line-height:30px;
    color:#1A385C;
    font-size:17px;
    border-bottom:1px #D4DADE solid;
    background: url(../image/i1-1.png) no-repeat 205px center ;
    padding: 5px 10px 5px 12px;
    letter-spacing: 0px;
    
    text-transform: uppercase;
}
.m-left .con0 li:hover a,.m-left .con0 li.current a{color:#fff;border-bottom:1px #a11f21 solid; background: url(../image/i2.png) no-repeat 205px center #a11f21;}

.m-left .con0 dd a{
    display:block;
    line-height:22px;
    color:#1A385C;
    font-size:13px;
    border-bottom:1px solid #dbe0e4;
    background: url(../img/i1-1.png) no-repeat 17px center #F2F4F6;
    padding: 10px 10px 10px 42px;
    letter-spacing: 1px;
}   

.m-left .con0 dd:hover a,.m-left .con0 dd.current a{color:#1A385C; background: url(../img/i1.png) no-repeat 17px center #E2E5E9;}

.m-left .con0 dl ul li a{   display:block;
    line-height:22px;
    color:#1A385C;
    font-size:13px;
    border-bottom:1px solid #dbe0e4;
    background: url(../img/i1-1.png) no-repeat 37px center #fff;
    padding: 10px 10px 10px 52px;
}

.m-left .con0 dl ul li a:hover{     display:block;
    line-height:22px;
    color:#8AAE12;
    font-size:13px;
    border-bottom:1px solid #D0D5D9;
    background: url(../img/i1.png) no-repeat 37px center #fff;
    padding: 10px 10px 10px 52px;
}
        
.page_ .m-c .ti0 .t{background:none;color:#242424;border-left:#288C1A solid 0px;margin-left:9px;height:20px;line-height:normal;}
.page_ .m-c .ti0 .t h2 *{vertical-align:middle;position:relative;top:-3px;}
.page_ .m-c .ti0 .t img{margin-top:2px;}
.m-c .con0{padding:0px;font-size:15px;color:#333;line-height:25px;background:#fff; margin-bottom:30px;min-height:400px; padding-left:20px;}
.m-c .con0 a{color:;}


.page_ .pageleft{display:inline-block;*display:inline;*zoom:1;vertical-align:top;}
.page_ .m-right{display:block;margin-top:20px;}
.page_ .m-c{width:949px;min-height:400px; margin-top:20px; margin-bottom:80px; background:url(../img/con-top-jt.png1) no-repeat left top; border-left:0px solid #ececec;padding-left:30px;display: inline-block;}
.page_ .m-c .page-bt{font-size:28px;color:#1A385C; padding:0px; display:block; margin-bottom:40px;background: url(/statics/img/m-bg-x2.png) repeat-x bottom  center;}
.page_ .m-c .page-bt font{background: url(/statics/img/m-bg-x.png) repeat-x bottom  center; display:inline-block;padding-bottom: 20px;} 
.page_ .m-c .ti0{background:none;border-bottom:#ddd solid 1px;padding-top:10px;border-radius:0px;padding-bottom:10px; margin-bottom:20px; height:45px;}
.page_ .m-c img{ max-width:100%;}

.page_ .m-c .ti0 .t span{position:relative;left:-10px;top:-5px;}
.page_ .m-c .ti0 .t h2{position:relative;left:-10px;top:-8px;}


#picscroll{float:left;clear:both;width:100%;margin-top:12px;height:220px;}
#picscroll .title{padding-left:20px;width:100%;height:25px;background:url(../img/bg7.png) repeat-x;border-bottom:#c6d5e8 solid 1px;color:#1390d5;font-family:"å¾®è½¯é›…é»‘";font-size:18px;}
#picscroll .son_ .title .txt{
    display:block;
    float:left;
    width:190px;
    height:100%;
    font-size:18px;
    color:#ffffff;
    background:#1e3367;
    border-top-left-radius:5px;
    text-align:center;
    line-height:50px;
}

#picscroll .son_ .picscroll_{width:100%;height:230px;}
.picscroll_{position:relative;}
.picscroll_ #sxfmscrollleft{position:absolute;left:-25px;top:160px;cursor:pointer;}
.picscroll_ #sxfmscrollright{position:absolute;right:-25px;top:160px;cursor:pointer;}
.picscroll_ #sxfm{position:relative;left:10px;top:22px;float:left;}

.picscroll_ ul{overflow:hidden; }
.picscroll_ ul .con{margin-left:20px; border:0 none !important; width:14px; margin-top:130px;}
.picscroll_ ul li{float:left;width:180px;height:260px;margin-left:15px;}
.picscroll_ ul li a{display:block;}
.picscroll_ ul li .t_{width:100%; display:block;color:#000;text-align:center;padding:15px 0 15px 0px;}
.picscroll_ ul li .t_ a{color:#333;}
.picture{color:#ccc;border:1px solid rgb(218,218,218);padding:4px;background:#ffffff;text-align:center; vertical-align:middle; margin:0 auto; display:table-cell;border:1px solid #ecebeb;}
.home_ .picture{width:180px;height:125px;}









#main{width:100%;padding-top:0px; background:#fff;}


.home_ #main .son_{padding-top:15px;}





.home_ #main .son_&gt;ul&gt;li .con0{padding:5px 15px 5px 15px;}
.home_ #main .son_&gt;ul&gt;li .con0 *{color:rgb(88,88,88);}
.home_ #main .son_&gt;ul&gt;li:first-child .con0 li,.home_ #main .son_&gt;ul&gt;li.a3 .con0 li{background:url(../img/bg10.png) left center no-repeat;border-bottom:rgb(228,228,228) dotted 1px;padding-left:15px;}
.home_ #main .son_&gt;ul&gt;li.a2 .con0 .recommend{padding-top:20px;margin-bottom:25px;}
.home_ #main .son_&gt;ul&gt;li.a2 .con0 .right{float:right;width:305px;height:130px;}
.home_ #main .son_&gt;ul&gt;li.a2 .con0 .right h5{font-weight:700;color:#047dc4;padding:5px 10px 10px 10px;}
.home_ #main .son_&gt;ul&gt;li.a2 .con0 .detail{color:rgb(87,164,216);}
.home_ #main .son_&gt;ul&gt;li.a2 .con0 li.normal{background:url(../img/bg13.png) left center no-repeat;padding:3px 15px 3px 15px;border-bottom:rgb(193,193,193) dotted 1px;}
.home_ #main .son_&gt;ul&gt;li.a2 .con0 li .left{float:left;}
.home_ #main .son_&gt;ul&gt;li.a2 .con0 li .time_{float:right;color:rgb(0,130,188);width:65px;}


#friendlinks{width:100%;height:330px;margin-top:15px;border:rgb(233,233,233) solid 1px;}
#friendlinks .ti0{height:35px;background-position:left 1px;}
#friendlinks .ti0 div.t{background:url(../img/bg8.png) left -3px no-repeat;margin-left:0px;}
#friendlinks .ti0 div.t span{height:38px;background-position:center 32px;padding-top:4px;}
#friendlinks .con0{padding:14px 40px 14px 40px;}
#friendlinks .con0 h5{border-bottom:rgb(234,234,234) solid 1px;}
#friendlinks .con0 h5 span{display:block;background:url(../img/bg9.png) 12px center no-repeat;padding:10px 25px 10px 25px;color:rgb(9,126,193);font-weight:700;}
#friendlinks .con0 .c{width:100%;height:85px;padding-top:20px;}
#friendlinks .con0 .c.margin0{margin-bottom:20px;}
#friendlinks .con0 .c li{display:inline-block;*display:inline;*zoom:1;vertical-align:bottom;margin-left:3px;}










/*----é¦–é¡µæ&nbsp;·å¼å¼€å§‹----*/
/*----banneræ&nbsp;·å¼å¼€å§‹----*/

#banner-list{position:absolute; z-index:998px; top:442px; background:#e91724; width:100%; height:55px;  filter:Alpha(opacity=70); -moz-opacity:7; opacity:0.7; }
#banner-list span{width:1150px; font:24px/55px 'å¾®è½¯é›…é»‘'; color:#ffffff; overflow:hidden; margin:0 auto; zoom:1; text-align:left; display:block;}

/*----productsæ&nbsp;·å¼å¼€å§‹----*/
#products{overflow:hidden; margin:0 auto; zoom:1; min-width:1150px; background:#efeeee;}
#products-son{width:1150px;  overflow:hidden; margin:0 auto; zoom:1;}
#products-son h1{margin-top:30px; text-align:center; font:20px/26px 'å¾®è½¯é›…é»‘'; background:url(../img/con3.png) no-repeat center 34px; padding-bottom:8px;}
#products-son ul{margin-bottom:40px; overflow:hidden;  zoom:1;}
#products-son ul li{  overflow:hidden;zoom:1; margin-top:25px; margin-left:15px; float:left; width:200px;}
#products-son ul li a{display:block;}
#products-son ul li div{width:200px; height:120px;  margin:0 auto; text-align:center;  vertical-align:middle; display:table-cell;  border:1px solid #ddd; background:#fff;}
#products-son ul li .sopan-1{display:table-cell;  overflow:hidden;vertical-align:middle;  }
#products-son ul li img{vertical-align:middle; }
#products-son ul li .sopan-2 h6{font-size:16px; font-family:'å¾®è½¯é›…é»‘'; text-align:center; padding-top:13px; padding-bottom:15px; font-weight:normal;}
#products-son ul .fist{margin-left:0 !important;}
#products-son ul li:hover div{border:1px solid #e91724;}
#products-son ul li:hover .sopan-2 h6{color:#e91724;}

/*----mainæ&nbsp;·å¼å¼€å§‹----*/
#main1{overflow:hidden; margin:0 auto; zoom:1; min-width:1150px; height:240px;}
#main-son{width:1150px;  overflow:hidden; margin:0 auto; zoom:1; height:240px;}
#left{float:left; border-right:1px solid #d6d6d6; width:390px; margin-top:30px; }
/*h1{font:20px/26px 'å¾®è½¯é›…é»‘'; background:url(../img/con3.png) no-repeat left 35px; padding-bottom:10px; height:40px;}*/
#left .picture{float:left;margin-top:15px;}
#left .content{padding:20px 10px 0 20px;  float:left; width:198px;}  
#left .content a{color:#000; margin-left:150px; }

#right{float:right;  width:300px; margin-top:30px; margin-left:40px;}
#right div.p{margin-top:15px; line-height:25px;}
#right div.p span{font-size:16px; color:#f80929;}
#right .more{margin:35px 0 0 250px; }
#right .more a{color:#000;}

/*----å†…é¡µæ&nbsp;·å¼å¼€å§‹----*/
#page-banner{overflow:hidden; margin:0 auto; zoom:1; height:227px; min-width:1150px;box-shadow: -1px 0px 2px rgba(0, 0, 0, .04),0px 2px 2px rgba(0, 0, 0, .07),5px 5px 5px rgba(0, 0, 0, .01);
    margin-bottom:3px;  }
#page-banner img{display:block; margin:0 auto;}




/*----å·¦è¾¹----*/
#left-s{float:left;width:263px;}
.leftmenu{ border:1px solid #d9dada;}
.leftmenu .ti,.page_ .a3 .ti0{border-bottom:1px solid #d9dada; background:#F1F1F1;}
.leftmenu .ti h1,.page_ .a3 .ti0 h1{height:37px;font-size:20px;font-family:'å¾®è½¯é›…é»‘';color:#ffffff; padding:5px 0px 5px 35px; background:url(../img/bg11.png) left top no-repeat;}
.leftmenu .con ul li{border-bottom:1px solid #ecebeb; }
.leftmenu .con ul li a{color:#000;padding:5px 30px 5px 36px;display:block;}
.leftmenu .con ul li a:hover,.leftmenu .con ul li.current a{color:#fff;background:rgb(4,125,196);}
.leftmenu .con ul .last{border-bottom:0 none !important;}

.page_ .a3{border:rgb(233,233,233) solid 1px;margin-top:30px;height:350px;}
.page_ .a3 .ti0 .more{color:#ffffff;}
.page_ .a3 .con0{padding:10px;}
.page_ .a3 .con0 li{background:url(../img/bg10.png) left center no-repeat;border-bottom:rgb(228,228,228) dotted 1px;padding-left:15px;}
.page_ .a3 .con0 li a{color:rgb(88,88,88);}




/*----å³è¾¹----*/
#right-s{float:right;width:805px;border:#e9e9e9 solid 1px;}
#right-s .title{width:100%;}
#right-s .title h2{height:37px;padding:10px 0px 10px 30px; font-size:15px;font-family:'å¾®è½¯é›…é»‘';background:url(../img/bg12.png) left bottom repeat-x;}
#right-s .r-b{padding:30px 0 0 20px; width:100%; font-size:12px; line-height:24px; }




/*æ™®é€šæ–°é—»ä¿¡æ¯åˆ—è¡¨*/
.list li{border-bottom:1px solid #e9e9e9;}
.list li a{display:block;padding:13px 0 13px 30px;color:#363636;}
.list li a .date{float:right;margin-right:15px;}

/*æ–°é—»è¯¦æƒ…é¡µ*/
.ainfo{padding-bottom:50px;}
.ainfo h4{text-align:center;border-bottom:#ddd solid 1px;padding-bottom:15px; font-size:26px; font-family:'å¾®è½¯é›…é»‘'; color:#333333;}
.ainfo .updatetime{padding-left:0px; padding-right:13px;line-height:30px;text-align:center;color:#888;margin-bottom:10px; background:#fff;border-radius:0px; display:table;}
.ainfo .con{border-bottom:#E0E1E3 solid 0px;width:100%;padding-bottom:40px;padding-left:0px;padding-right:0px; font-size:16px; padding-top:20px;}

/*é¦–é¡µå›¾ç‰‡å·¦å³æ»šåŠ¨*/
     .piclist11 {
    display: block;
    position: relative;
    padding: 0px;
    margin: 0;
    /*box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.25);*/
  }
  .piclist11 ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .piclist11 li {
    display: block;
    float: left;
    margin: 5px;
    padding: 0;
    width:370px;
    background:#fff;
    margin-right:25px;
    border:0px solid #ddd;  
  }
    .piclist11 li:hover {
    
    
  }
  .piclist11 li .span-img{
  background:#fff;
  margin:0px;
  padding:0px;
  height:200px;
  width:370px;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  float:none;
  color:#bbb;
  border:0px solid #eee;
  transition: all 0.5s;
  overflow:hidden;
  }
  .piclist11 li .span-img img{object-fit: cover;}
  .piclist11 li .span-img:hover{transform: scale(1.08);}
    .piclist11 li span{
    display:block;
    padding-left:25px;
    padding-right:25px;
    margin:0px;
    float:none;
  }
  .piclist11 li .span-bt{
   padding-top:25px;
   font-size: 17px;
   line-height: 20px;
   letter-spacing: 0px;
   height:70px;
   border-top:0px solid #eee;
   background:#fff;
   text-align:left;
   padding-left:25px;
   color:#1A385C;
   
  }
  .piclist11 li .span-date{
  padding-left:25px;
  color:#1A385C;
  line-height:20px;
  padding-top:10px;
  display:none;
  }
   .piclist11 li .span-content{
  padding-top:10px;
  padding-bottom:5px;
  color:#888;
  height:60px;
  display:none;
  }
    .piclist11 li .span-more{
  padding-bottom:20px;
  text-align:left;
  width: 150px;
  line-height: 34px;
  color:#727F8F;
  border: 0px solid #005ba0;
  border-radius: 5px;
  font-size:12px;
  margin-top:0px;
  transition: 0.5s;
   display:none;
  }
  .piclist11 li .span-more i{ color:#9EC31F;}
  
     .piclist11 li .span-more:hover{
  
  }
  .piclist11 li a{
    display: block;color:#333;
  }
  .piclist11 li a:hover{
  color:#333;
  }
    .piclist11 li img {
      display: block;
      margin: 0;
      object-fit: cover;
    }
.afacebook i{background:#aaa;color:#eee;font-size:15px;border:0px solid #fff;height:25px;width:25px; text-align:center; line-height:25px;border-radius:50%; margin-right:10px;}
.afacebook i:hover{background:#ff5e41;color:#FFFFFF;}

.atwitter i{background:#aaa;color:#eee;font-size:15px;border:0px solid #fff;height:25px;width:25px; text-align:center; line-height:25px;border-radius:50%;  margin-right:10px;}
.atwitter i:hover{background:#55A5E0;color:#FFFFFF;}

.alinkedin i{background:#aaa;color:#eee;font-size:15px;border:0px solid #fff;height:25px;width:25px; text-align:center; line-height:25px;border-radius:50%;  margin-right:10px;}
.alinkedin i:hover{background:#007AB5;color:#FFFFFF;}

#web-location{color:#aaa;background:#f2f4f6;padding-left:10px; padding-right:10px; border-bottom:0px solid #dbe0e4; height:70px; margin-bottom:25px; font-size:14px;margin-top: 30px;}
#web-location a{color:#aaa;}
#web-location-cont{margin:0px auto;line-height:70px; width:1200px;}
.navbar{display:none;}
#home-category-mob{display:none;}
#banner-home-mob{display:none;}

#fixed-bottom{border-top:0px solid #000;position:fixed;z-index: 1000000;left:0;bottom:0;margin-bottom:0px;width:100%;height:55px;display:none;padding:0;background-color:#002B60;}
#fixed-bottom li{display:table-cell;padding:0;border-right:0px solid #000;border-left:1px solid #fff; width:33%;}
#fixed-bottom li a{display:block;padding-top:7px;color:#fff;text-align:center;}
#fixed-bottom li a i{font-size:20px;}

/*è‡ªé€‚åº”è®¾ç½®*/

@media(max-width:960px)
{
   #web-top{min-width:100%;padding-right:20px; display:block;}
   #fixed-bottom{display:table;}
   #footer-copyright{margin-bottom:55px;}
  .navbar,#home-category-mob,#home-solutions-mob,#div-inquiry-mob{display:block !important;}
  #page-img-mob{display:inline !important;}
  #inquiry-title{font-size:18px !important; padding-left:0px !important;}
  .md-close{font-size:16px !important; margin-top: 25px !important;}
  #topper,.home-solutions,#home-category,#web-right-email,#div-inquiry,#page-img-pc,#web-top-tel,#nav_menu{ display:none;}
  .m-left{ float:none; width:100%;}
  .m-left .con0 li a {background: url(../img/i1.png) no-repeat right 15px center #fff;}
  .m-left .con0 li:hover a, .m-left .con0 li.current a {background: url(../img/i2.png) no-repeat right 15px center #a11f21;}
  .plist3_ li .picture{ width:1% !important;}
  body{width:100% !important;overflow-x:hidden !important;}
  .son_{width:100%;}
  .page_ .m-c{width:100%;border-right:none; padding-right:30px;padding-left:30px; float:none;margin-bottom:0px;}
  .page_ .m-c img{max-width:100%;}
  #web-location-cont{width:100%;}
  #web-location-cont span{line-height:25px !important; padding-top:30px; display:block; float:left;}
  #div-inquiry-2{width:100% !important;}
  #case ul li .title1{width:100% !important;}
  #case ul li .picture1{width:50% !important;}
  #case ul li .picture1 img{max-height: 250px !important;}
  #case ul li .pi{ margin-right:0px !important;}
  .m-c .con0{padding-left: 0px; }
  .c-son{height:auto !important;}
  .picture4{width:100% !important; float:none !important;margin: 0 auto; }
  #b{width:100% !important; float:none !important;margin-right:0px !important;border-top: 3px solid #E9E9E9; margin-top:30px; }
  .pic{min-height:250px !important;}
  .ainfo .con{padding-top:0px;}
  .thumbnail_ .piclist{ padding:0px !important;}
  .thumbnail_ .list{width: 77% !important;}
  #pro-quote{width:100% !important;margin-left:0px !important;}
  .lanrenzhijia .tab a{width:100% !important;border-bottom: 1px solid #E9E9E9; border-right:none !important;}
  .lanrenzhijia .content{padding:0px !important;padding-top:30px !important;}
  .rows {
  overflow: hidden;
  overflow-x: auto;
  padding-bottom:20px;
}
.rows::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.rows::-webkit-scrollbar {
  width: 5px;
  height: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.rows::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.rows::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
  #modal-1{width:60% !important;}
  #cont-title{font-size:30px !important;line-height:35px !important;}
  .page_ .m-c .page-bt{font-size:30px !important;line-height:35px !important;}
  .piclist11{width:300px;padding-left:0px;padding-right:0px;margin: 0 auto;}
  #home-find{margin-top:0px !important;}
  #home-find2{font-size:25px !important;}
  #home-find3{font-size:14px !important;}
  #footer-logo li{width:50%; text-align:center; display:block; padding-left:30px;}
  #footer-logo li a{padding-right:0px !important;}
  p#back-to-top a{ font-size:20px;    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: rgba(0,0,0,0.4); color:#fff;line-height:40px;}
  p#back-to-top a:hover {color: #fff;}
  #footer-menu li{float:none !important; width:100% !important;margin-right: 0px !important;}
  #footer-menu { padding-left:30px; padding-right:30px; padding-bottom:0px !important;padding-top:0px !important;}
  #footer-menu li font{ margin-top:30px;}
  #footer{padding-bottom:0px !important;}
  #modal-1 .md-content{ height:auto !important;}
  #sending{left:0px !important;width:180px !important;font-size:14px !important;}
  #index_3 li ,.home-why,#index_3{width:100% !important;height:auto;min-width:100% !important;}
  .index_3_content {height:auto;}
  #index_3 li{ padding:10px;}
  .home-bt-xia{width:100% !important;}
  .index_3_bt{font-size:25px;}
  .home-why{padding-bottom:0px !important;}
  #search .input1{width:80% !important;}
  #search{ width:100% !important;}
  #search .search_iframe{ right:80px !important;}
  .md-content-mob{padding: 15px 10px 10px !important;}
  #md-close-mob{ margin-top:10px !important;font-size: 22px !important; margin-right:10px;}
  .suspension{display:none;}
  #slider-txt {width:200px;font-size:22px;line-height:20px;height:90px;padding: 10px; background:none;}
  .home-mk{ width:100% !important; margin-right:0px !important;}

}

a.pimg{position:relative;display:block;}
a.pimg .dummy{padding-top:100%;}
a.pimg .dummy +div{text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;}
a.pimg .dummy +div img{max-width:70%;max-height:70%;display:inline-block;vertical-align:middle;}
a.pimg .dummy +div i{display:inline-block;vertical-align:middle;height:100%;}
a.pimg+.caption{text-align:center;}

.a-more{color:#727F8F; display:block; padding:0px; font-size:12px; background:#fff;border-radius:5px; padding-left:0px; padding-right:16px;transition: 0.5s;border:0px solid #eee; margin-top:10px; width:130px; text-align:left;}
.a-more i{color:#9EC31F;font-size:18px; margin-left:2px;}
.a-more:hover{color:#9EC31F; }
.img-zoom{transition: all 0.5s;}
.img-zoom:hover{transform: scale(1.08);}
    .plist3_{padding-left:0px;padding-right:0px; padding-top:25px;}
    .plist3_ li{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin-right:0px;margin-bottom:20px;border:solid 1px #E7E7E7;}
    .plist3_ li .picture{width:213px; height:150px; border:none; background:none; border-bottom:1px solid #eee; float:none; }
    .plist3_ li a p{text-align:left;line-height:20px;padding:15px 20px 10px 20px;display:table-cell;vertical-align:middle; font-size:12px; }
    .plist3_ li a{color:#555; display:block;border:solid 3px #fff; background:#fff;}
    .plist3_ li a:hover{color:#000;background:#fff;border:solid 3px #fff;}
/*.nav {
    margin-top: 31px;
}
.nav li {
    position: relative;
    margin-left: -21px;
    margin-right: -21px;
    width: 154px;
    float: left;
    padding-bottom: 20px;
    padding-top: 18px;
    background: url(../images/23.png) no-repeat 16px center;
}
.nav li:first-child {
    background: none;
    margin-left: 0px;
}
.nav li a {
    display: block;
}
.nav_size {
    width: 104px;
    margin: 0 20px 0 30px;
    text-align: center;
    color: #333333;
    font-size: 16px;
    line-height: 24px;
}
.nav_eng {
    padding: 0 23px 0 43px;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    color: #999999;
    line-height: 18px;
}
.nav li.nav_back {
    background: url(../image/p1.png) no-repeat center center;
}
.nav li:hover .nav_size, .nav li:hover .nav_eng {
    color: #fff;
}
.nav li ul {
    z-index: 9999;
    display: none;
    border-top: 1px solid #0e3c68;
    width: 120px;
    position: absolute;
    top: 62px;
    background: #073663;
    left: 0px;
}
.nav li ul li {
    background: none;
    margin: 0px;
    float: none;
    padding: 0px;
    line-height: 33px;
    text-align: center;
    width: 120px;
}
.nav li ul li:hover {
    background: none;
}
.nav li ul li a {
    color: #fff;
}
.nav li ul.navshow {
    z-index: 9999;
    display: block;
}*/
.slide {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    z-index: 2;
    margin: 0;
}
.slide img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}
.nav .active a{color: #a11f21 !important}
.slide_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    margin-top: -30px;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(../images/n1675.gif) no-repeat left top;
    margin-top: -45px;
}
.slide_nav:active {
    opacity: 1.0;
}
.slide_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}
.weired{color: #a11f21;font-weight: 800;font-size:22px;}
.fy {
    text-align: center;
    padding: 20px 0 20px 0;
}

.fy a {
    padding: 5px 15px 5px 15px;
    margin: 0 6px 0 6px;
    border: 1px solid #ccc;
    color: #4a4a4a;
}

.fy a:hover {
    border: 1px solid #ffca0a;
    background: #ffca0a;
    color: #f00;
}

.fy .cur {
    border: 1px solid #ffca0a;
    background: #ffca0a;
    color: #f00;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    color: #222
}

address, cite, dfn, em, var {
    font-style: normal
}

code, kbd, pre, samp {
    font-family: courier new, courier, monospace
}

small {
    font-size: 12px
}

s ol, ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #222;
}

a:hover {
    text-decoration: none;
    color: #666;
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset, img {
    border: 0;
}

button, input, select, textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearfix:before, .clearfix:after {
    display: table;
    content: '';
    line-height: 0;
}

/*æ¸…é™¤æµ®åŠ¨*/
.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/*top*/
#top {
    height: 30px;background-color: #1c2a44;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
}

.top {
    width: 1200px;
    margin: 0 auto;color: #fff;
}

.top-left {
}

.top-right {
}

.top-right &gt; li {
    float: left;color: #fff;
    position: relative;
    margin-right: 11px;
}
.top-right &gt; li a{color: #fff;}
.top-right &gt; li:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 13px;
    background-color: #ccc;
    top: 9px;
    right: -6px;
}

.top-right &gt; li:last-child:after {
    display: none;
}
 
/*toproll*/
#toproll {
    height: 51px;
    position: relative;
    z-index: 9999;
}

.toproll {
    width: 1200px;
    height: 51px;
    position: relative;
    margin: 0 auto;
}
.toproll span{
    float: left;
    line-height: 51px;
    font-weight: bold;
}
.toproll h1 {
    float: left;
    width: 850px;
    line-height: 51px;
}
/*é¡¶éƒ¨æ–°é—»æ»šåŠ¨*/
.swiper_wrap {
    position: relative;
    width: 695px;
    height: 51px;
    margin: 0 auto;
    overflow: hidden;
}

.swiper_wrap ul {
    position: relative;
    top: 0;
    left: 0;
    width: 695px;
    float: right;
    color: #fff;
    font-size: 14px;
    margin-top: 1px;
}

.swiper_wrap ul li {
    line-height: 51px;
    padding-left: 24px;
}

.swiper_wrap .lt {
    position: absolute;
    left: -1px;
    top: 7px;
    font-family: "å®‹ä½“";
    font-weight: bold;
    color: #AAAAAA;
}

.swiper_wrap .gt {
    position: absolute;
    right: 26px;
    top: 7px;
    font-family: "å®‹ä½“";
    font-weight: bold;
    color: #AAAAAA;
}

.swiper_wrap .font_inner a {
    color: #fff;
}

.swiper_wrap a:hover {
    color: #FA9101;
}

/*banner*/
#banner {
    margin-top: 100px;
    min-width: 1200px;
    position: relative;
}

/*æ&nbsp;‡é¢˜æ&nbsp;·å¼*/
.box-title {
    position: relative;
}

.box-title:before, .box-title:after {
    content: '';
    position: absolute;
}

/*é¦–é¡µä¸»ä½“*/
#index {
    width: 1200px;
    margin: auto;
}

/*é¦–é¡µå…³äºŽæˆ‘ä»¬*/
#index-about {
    width: 650px;
    height: 250px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.index-about-title {
    height: 40px;
}

.index-about-title:before {
    width: 3px;
    height: 20px;
    top: 10px;
    left: 8px;
    background: #a11f21;
}

.index-about-title:after {
    width: 630px;
    height: 1px;
    top: 45px;
    left: 10px;
    background: #eee;
}

h2.index-about-h2 {
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
}

h3.index-about-h3 {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
}

.index-about-contact {
    padding: 20px;
}

.index-about-text {
    width: 350px;
}

.index-about-img {
    width: 250px;
}

/*é¦–é¡µè”ç³»æˆ‘ä»¬*/
#index-connect {
    width: 530px;
    border: 1px solid #ccc;
    height: 250px;
    margin-bottom: 20px;
}

.index-connect-title {
    height: 40px;
}

.index-connect-title:before {
    width: 3px;
    height: 20px;
    top: 10px;
    left: 8px;
    background: #a11f21;
}

.index-connect-title:after {
    width: 510px;
    height: 1px;
    top: 45px;
    left: 10px;
    background: #eee;
}

h2.index-connect-h2 {
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
}

h3.index-connect-h3 {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
}

.index-connect-contact {
    padding: 20px;
}

/*é¦–é¡µæ–°é—»*/
#index-cnew, #index-inew {
    width: 590px;
    border: 1px solid #ccc;
    height: 300px;
    margin-bottom: 20px;
}

.index-cnew-one {
    padding: 20px 20px 10px 20px;
    position: relative;
}

.index-cnew-one-img {
    position: absolute;
    width: 75px;
    height: 75px;
}

.index-cnew-one h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 85px;
}

.index-cnew-one span {
    margin-left: 85px;
    display: block;
}

.index-new-title {
    height: 40px;
}

.index-new-title:before {
    width: 3px;
    height: 20px;
    top: 10px;
    left: 8px;
    background: #a11f21;
}

.index-new-title:after {
    width: 570px;
    height: 1px;
    top: 45px;
    left: 10px;
    background: #eee;
}

h2.index-new-h2 {
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
}

h3.index-new-h3 {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
}

.index-new-list {
    padding: 20px;
}

.index-new-list &gt; li {
    height: 29px;
    border-bottom: 1px dashed #ccc;
}

.index-new-list &gt; li:last-child {
    border: none;
}

.index-new-list &gt; li &gt; a {
    display: inline-block;
    line-height: 29px;
}

.index-new-list &gt; li &gt; span {
    float: right;
    display: inline-block;
    line-height: 29px;
}

/*é¦–é¡µå±•å“å±•ç¤º*/
#index-product {
    height: 300px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.index-product-title {
    height: 40px;
}

.index-product-title:before {
    width: 3px;
    height: 20px;
    top: 10px;
    left: 8px;
    background: #a11f21;
}

.index-product-title:after {
    width: 1180px;
    height: 1px;
    top: 45px;
    left: 10px;
    background: #eee;
}

h2.index-product-h2 {
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
}

h3.index-product-h3 {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
}

.index-product-sort {
    padding: 20px;
    width: 200px;
    position: relative;
}

.index-product-sort:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 230px;
    background: #ccc;
    top: 18px;
    right: 0;
}

.index-product-sort &gt; li {
    height: 40px;
    margin: 10px 0px;
    position: relative;
}

.index-product-sort &gt; li &gt; a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    background: #efefef;
}

.index-product-sort &gt; li &gt; a:hover {
    background: #a11f21;
    font-size: 15px;
    color: #fff;
}

.index-product-scroll {
    padding: 20px;
    width: 918px;
}

.index-product-scroll-title {
    text-align: center;
    line-height: 24px;
}

/*é¦–é¡µæ¡ˆä¾‹å±•ç¤º*/
#index-case {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.index-case-title {
    height: 40px;
}

.index-case-title:before {
    width: 3px;
    height: 20px;
    top: 10px;
    left: 8px;
    background: #a11f21;
}

.index-case-title:after {
    width: 1180px;
    height: 1px;
    top: 45px;
    left: 10px;
    background: #eee;
}

h2.index-case-h2 {
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
}

h3.index-case-h3 {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
}

.index-case-scroll {
    padding: 20px;
}

/*é¦–é¡µå‹æƒ…é“¾æŽ¥*/
#index-link {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.index-link-title {
    height: 40px;
}

.index-link-title:before {
    width: 3px;
    height: 20px;
    top: 10px;
    left: 8px;
    background: #a11f21;
}

.index-link-title:after {
    width: 1180px;
    height: 1px;
    top: 45px;
    left: 10px;
    background: #eee;
}

h2.index-link-h2 {
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    margin-left: 20px;
}

h3.index-link-h3 {
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
}

.index-link-list {
    padding: 20px;
}

.index-link-list &gt; li {
    display: inline-block;
    height: 30px;
    border-bottom: 1px dashed #ccc;
    margin: 0 10px;
}

.index-link-list &gt; li &gt; a {
    display: block;
    line-height: 30px;
    font-size: 12px;
}

.index-link-list &gt; li &gt; a img {
    width: 16px;
    height: 16px;
    margin: 7px;
    margin-right: 12px;
}

.index-link-list &gt; li &gt; a h4 {
    display: inline-block;
}
.xiaobanner3{background: url(../image/xiaobanner3.jpg);background-attachment: fixed;height:520px;background-size: cover;float: left;width: 100%;
    margin:58px 0 0 0;}

/*åº•éƒ¨*/
#footer {
    background: #666;
    padding: 20px 0;
}

.footer {
    width: 1200px;
    margin: 0px auto;
}

.footer-nav {
     height:55px;
    padding: 10px;
     float: left;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #dedede;
}

.footer-nav li {
    width: 160px;
    display: inline-block;
    margin: 0 8px;
    position: relative;
}

.footer-nav li:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 10px;
    background: #fff;
    top: 4px;
    right: -10px;
}

.footer-nav li:last-child:after {
    display: none;
}

.footer-nav &gt; li &gt; a {
    display: block;font-size: 16px;
    text-align: center; 
    color: #dedede;
}
.lianxiweimi{width: 100%; border: 1px solid #333;}
.lianxiweimi h2{font-size: 16px;margin-left: 20px;width:210px;float: left;color:#1c2a44;line-height:34px;margin-top: 15px;}
.lianxiweimi .left-box-content{font-weight: 700;font-size: 22px;color:#1c2a44;margin-left:20px;}
/*å…³äºŽæˆ‘ä»¬é¡µé¢*/
#page-about {
    width: 1200px;
    margin: 20px auto 160px auto;
}

.page-about-left {
    width:230px;
    margin-top:30px;
}

.left-box {
    margin-bottom:60px;
}
.left-box .ul-snv h3{font-size: 16px}

.left-box:last-child {
    margin-bottom: 0px;
}

.left-box h2 {
    position: relative;padding-left: 15px;
    text-align: left;
    background: #a11f21;
    color: #fff;
    font: 400 20px/50px "å¾®è½¯é›…é»‘";
}
.left-box span {
   float: right;margin-right: 20px;
   font-size: 20px; 
}

.left-box a span {
   float: right;margin-right: 20px;color: #1c2a44;
   font-size: 20px; line-height: 50px; 
}

.left-box a span:hover {
   float: right;margin-right: 20px;color: #fff;
   font-size: 20px; line-height: 50px;margin-top: -50px;
}


.left-box h3 {
    position: relative;padding-left: 15px;
    text-align: left;
    color: #1c2a44;border-bottom: 1px solid #dedede;
    font: 400 20px/50px "å¾®è½¯é›…é»‘";
    font-size: 16px;
}
.left-box h3:hover {
    background: #a11f21;
    color: #fff;
}
.left-box h3:hover span {
    color: #fff;
}

.left-box h3 a:hover {
    color: #fff;
}


.on a h3 {
    position: relative;padding-left: 15px;
    text-align: left;background: #a11f21;
    color: #fff;border-bottom: 1px solid #dedede;
    font: 400 20px/50px "å¾®è½¯é›…é»‘";
}
.on a span {
    
    color: #fff;
}

/*.left-box ul {
    padding: 0 10px 10px 10px;
}

.left-box ul &gt; li {
    border-bottom: 1px dashed #efefef;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
}
.left-box ul &gt; li a{
    overflow: hidden;
    font-size: 14px;
    color: #222;
    background: url(/image/about_li1.png) no-repeat 15px center;
    padding: 0 15px 0 40px;
}
.left-box ul &gt; li a:hover{ color: #666666;}*/
.left-box-content p{font-size: 14px;line-height: 2em;padding-left: 20px;}
.contentr {
    float: right;
    width:920px;
    height: 50px;margin-top:30px;
    line-height: 50px;
    margin-bottom:30px;
    border-bottom:1px solid #1c2a44;
}
.contentr h2 {
    float: left;
    color: #333;
    font-size:22px;
    padding: 0 10px;
    border-bottom:2px solid  #a11f21;
}
.contentr h5{
    float: left;
    color: #162f5d;
    font-size:22px;
    /*padding: 0 10px;*/
    border-bottom:2px solid  #a11f21;
}
.contentr span {
    float: right;
    font-size: 13px;
    padding-right: 18px;
}
.page-about-right {
    width: 920px;
    position: relative;
}

.page-about-right-title {
    font-size: 20px;
    font-weight: 700;
    padding: 20px;
    position: relative;
}

.page-about-right-title:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 16px;
    top: 27px;
    left: 0px;
    background: #a11f21;
}

.page-frame {
    position: absolute;
    right: 0px;
    top: 25px;
    background: #f6f6f6;
    padding: 5px 10px;
    border-radius: 5px;
}

.page-frame li {
    float: left;
    margin-right: 15px;
    position: relative;
}

.page-frame li:after {
    position: absolute;
    content: '';
    background: url(/image/frame.png) no-repeat 50%;
    width: 15px;
    height: 15px;
    background-size: 15px;
    top: 1px;
    right: -15px;
}

.page-frame li:last-child {
    margin-right: 0px;
}

.page-frame li:last-child:after {
    display: none;
}
.page-content p{font-size: 16px;line-height: 28px;}
/*åœ¨çº¿ç•™è¨€è¡¨å•*/
.message-box {
    margin-bottom: 15px;
}

.message-box h3 {
    font-size: 17px;
    font-weight: 700;
    /* text-indent: 20px; */
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.message-box h3:before {
    content: '';
    position: absolute;
    top: 27px;
    left: 0px;
    width: 100px;
    height: 2px;
    background: #a11f21;
}

.message-form {

}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: inline-block;
    font-size: 14px;
    width: 100px;
}

.form-group input, .form-group textarea {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 5px;
    width: 50%;
}

.message-form button {
    width: 100px;
    height: 30px;
}
#sort-product1{
    width: 100%;
}
.sort-product1-right{width: 100%;}
.productright{width: 668px;border-bottom: 1px solid #dedede;float: left;height: 230px;}
.sort-product1-list li{width: 100%;height: 250px;float: left;}
.sort-product1-list li img{width: 210px;height: 170px;border-radius: 6px;float: left;margin: 20px;border: 1px solid #1c2a44;}
.sort-product1-list li h3{font-size: 20px;color: #333;margin: 20px 0 0 0;float: left;width: 668px;}
.sort-product1-list li p{font-size: 14px;color: #1c2a44;margin: 20px 0 0 0;float: left;}
.sort-product1-list li .weimore{width: 115px;height: 38px;float: left;border:1px solid #a11f21;line-height:38px;text-align: center;
    border-radius: 3px;margin-top:152px;font-size: 15px;color: #1c2a44;position: absolute;}
/*äº§å“åˆ†ç±»é¡µé¢*/
#sort-product {
width: 100%;
}

.sort-product-left {
    width: 300px;
}

.sort-product-right {
    float: left;
    margin-bottom: 80px;
}

.sort-product-list-case li {
    display: inline-block;text-align: center;
    width: 284px;
    margin: 10px 10px;
    float: left;
    border: 1px solid #dedede;
    /*background-color: #f2f4f6;*/
    /* box-shadow: 2px 2px 2px #efefef; */
}

.sort-product-list-case li h3{
    height: 50px;line-height: 50px;border-top: 1px solid #dedede;background-color: #f2f4f6;
}
.infocase{width: 70% !important;margin: auto;}
.sort-product-list li img {
    width: 100%;
    height:220px;
}
.sort-product-list li {
    display: inline-block;
    width: 284px;
    margin: 10px 10px;
    float: left;
    border: 1px solid #dedede;
    background-color: #f2f4f6;
    /*box-shadow: 2px 2px 2px #efefef;*/
}

.sort-product-list li a {
    display: block;
    text-align: center;
}

.sort-product-list li a h3 {
    text-align: center;
    height:60px;
    line-height: 30px;font: 22px/25px 'Microsoft YaHei';
    color: #333;
    width: 280px;margin-top: 30px;
    text-align: left;
    margin-left:30px;
}
.sort-product-list li a span{
    display: block;
    width: 120px;margin:30px;
    line-height: 33px;
    color: #727F8F;
    background: none;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border: 1px solid #727F8F;
    transition: 0.5s;
}

.sort-new-list {
}

.sort-new-list li {
/*    border-bottom: 1px dashed #efefef;
    padding: 10px 5px;*/
    font: 22px/25px 'Microsoft YaHei';
    color: #1A385C;
    width: 280px;
}

.sort-new-list li a {
    display: block;
    position: relative;
}

.sort-new-list li a img {
    width: 120px;
    height: 100px;
}

.sort-new-list li a h3 {
    position: absolute;
    top: 0px;
    left: 130px;
    font-size: 14px;
    font-weight: 700;
}

.sort-new-list li a span {
    position: relative;float: right;margin-right: 20px;
    color: #888;
    top: 0px;
    right: 0px;
}

.sort-new-list li a p {
    position: absolute;
    top: 30px;
    left: 130px;
    line-height: 25px;
}

/*åˆ†é¡µ*/

.pagination {
    border-radius: 5px;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
}

.pagination li {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #bdbdbd;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
}

.pagination li a {
    display: block;
    color: #1c2a44;
}
.pagination li.active{
    background-color: #1c2a44;
    color: #fff;}
/*ç›¸å…³ä¿¡æ¯*/

.ln-box {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.ln-box h3 {
    font-size: 17px;
    font-weight: 700;
    /* text-indent: 20px; */
    position: relative;
    padding-bottom: 12px;
}

.ln-box h3:before {
    content: '';
    position: absolute;
    top: 27px;
    left: 0px;
    width: 100px;
    height: 2px;
    background: #a11f21;
}

.ln-box ul {
}

.ln-box ul li {
    border-bottom: 1px dashed #efefef;
    width: 50%;
    float: left;
}

.ln-box ul li a {
    display: block;
    line-height: 30px;
}

/*äº§å“è¯¦æƒ…*/
#info-product {
    width: 1200px;
    margin: 20px auto;
}

.info-product-left {
    width: 300px;
}

.info-product-right {
    width: 880px;
    position: relative;
}

#info-product-image {
    float: left;
    border: 1px solid #dedede;
    width: 400px;
    margin: 20px 20px 20px 0;
}

.info-parameter {
    margin: 10px 0;
    height: 26px;
    padding: 0 10px;
    /*background: #a11f21;*/
    line-height:26px;
    /*color: #fff;*/
    display: inline-block;
}
.info-content p {
    font-size: 14px;
    line-height: 20px;
}
/*ç›¸é‚»è¯¦ç»†ä¿¡æ¯*/
.info-siblings {
    margin: 15px 0;
    border-top: 1px dashed #efefef;
}

.info-siblings li {
    display: inline-block;
    line-height: 30px;
}

.info-siblings li:first-child {
    margin-right: 20px;
}

/*ç½‘ç«™å¯¼èˆª*/
#map {
    width: 1200px;
    margin: 20px auto;
}

#map li {
    display: inline-block;
    margin: 5px;
    padding: 5px 8px;
    background: #efefef;
}</pre></body></html>